@import "basse";

.shop-list {
  width: rpx(750);
  background: $app-background;
  overflow: hidden;
  .list-item {
    float: left;
    background: #fff;
    width: rpx(370);
    margin-bottom: rpx(10);
    border-radius: rpx(5);
    break-inside: avoid;
    &:nth-child(2n) {
      margin-left: rpx(10);
    }
    &:active {
      background: #e6e6e6;
    }
    .photo {
      width: 100%;
      height: rpx(370);
    }
    .title {
      font-size: 14px;
      color: #222222;
      margin: rpx(16);
      width: rpx(338);
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp:2;
      display:-webkit-box;
      -webkit-box-orient:vertical;
    }
    .price {
      padding-left: rpx(16);
      padding-right: rpx(16);
      padding-bottom: rpx(16);
      .price-label {
        font-size: 16px;
        color: #db334a;
        justify-content: center;
      }
      .sell-num {
        margin-left: rpx(10);
        font-size: 12px;
        color: #818181;
      }
    }
  }
}